
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录注册页面</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<div class="container">
    <div class="login_body l_clear">
        <div class="login_form l_float">
            <div class="login_top">
                <img src="imgs/logo_z.svg" alt="" class="">

                <div class="login_tags b_clear">
                    <span class="top_tag l_float active" onClick="PwdLogin()">密码登录</span>
                    <span class="top_tag r_float" onClick="QrcodeLogin()">用户注册</span>
                </div>
            </div>
            <div class="login_con login1">
                <form action="doLogin.jsp" method="POST">
                    <div>
                        <label for="user_name">用户名</label>
                        <input type="text"   name="username" id="name" placeholder="账号/手机号/邮箱">
                        <img src="imgs/icons/user.svg">
                        <p class="tips hidden">请检查您的账号</p>
                    </div>
                    <div>
                        <label for="user_pwd">密码</label>
                        <input type="password" name="password" id="password" placeholder="请输入账户密码">
                        <img src="imgs/icons/lock.svg">
                        <p class="tips hidden">请检查您的密码</p>
                    </div>
                    <div class="b_clear">
                        <label for="auth_code" class="b_clear">验证码</label>
                        <input type="text" name="" id="auth_code" placeholder="" class="l_float" maxlength="6">

                        <button class="auth_code l_float">获取验证码</button>
                        <img src="imgs/icons/auth_code.svg">
                        <p class="tips hidden">验证码错误</p>

                    </div>
                    <div>
                        <%
                            if (session.getAttribute("usertxt")  != null)
                                out.println((String)session.getAttribute("usertxt"));
                        %>
                    </div>
                    <div class="b_clear submit">

                        <button type="submit">登&nbsp;&nbsp;录</button>
                        <a href="#" class="r_float">忘记密码？</a>
                        <p class="tips hidden">登录失败，请检查您的账户与密码</p>
                    </div>
                </form>
            </div>
            <div class="login_con login2" hidden>
                <form action="doAddUser.jsp" method="POST">
                    <div>
                        <label for="user_name">用户名</label>
                        <input type="text" name="username" id="user_name" placeholder="起一个用户名~">
                        <img src="imgs/icons/user.svg">
                        <p class="tips hidden">请检查您的账号</p>
                    </div>
                    <div>
                        <label for="user_pwd">密码</label>
                        <input type="password" name="password" id="user_pwd" placeholder="输入你的密码~">
                        <img src="imgs/icons/lock.svg">
                        <p class="tips hidden">请检查您的密码</p>
                    </div>
                    <div class="b_clear">
                        <label for="auth_code" class="b_clear">邮箱</label>
                        <input type="text" name="email" id="auth_email" placeholder="请输入你的邮箱" >

                        <img src="imgs/icons/auth_code.svg">
                        <p class="tips hidden">验证码错误</p>

                    </div>
                    <div class="b_clear submit">
                        <button type="submit">注 册</button>
                        <a href="#" class="r_float">忘记密码？</a>
                        <p class="tips hidden">注册失败的话请检查您的账户与密码</p>
                    </div>
                </form>
            </div>

            <div class="login_otherAccount">
                <span>第三方登录</span>
                <a href="http://"><img src="imgs/icons/wechat.svg" alt="微信登录"></a>
                <a href="http://"><img src="imgs/icons/weibo.svg" alt="微博登录"></a>
                <a href=""><img src="imgs/icons/qq.svg" alt="QQ登录"></a>
            </div>

        </div>
        <div class="login_ad l_float" id="AdImg" >
            <a href="">查看详情</a>
        </div>
    </div>
</div>
<script src="js/login.js"></script>
</body>
</html>

